<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<div data-role="page" id="profile" tabindex="0" class="wipe_element_right ui-page-theme-a">
    <div data-role="panel" id="mypanel_myproduct" >
        <div class="ui-panel-inner">
            <h3>Vella App</h3>
            <ul data-role="listview" data-inset="true">
            </ul>
        </div>
    </div>
    <div data-role="header">
        <h1>Quản Lý Thông Tin</h1>
        <a data-rel="back" data-icon="back">Trở Lại</a>
    </div>

    <div class="ui-content ui-bar-a">
        <!--avatar -->
        <div class="ui-field-contain" id="img_append">
            <div class="col50 thumb_border">
                <img id="img_avatar" class="gel_item   img_avatar" style="float: left; width: 100%" src="" >
                <div class="img_control" data-role="">
                    <button data_rel="'+r.response+'" class="img_set_thumnail ui-btn ui-icon-star ui-btn-icon-left ui-shadow ui-corner-all">Hình Đại Diện</button>
                    <button class="img_del ui-btn ui-icon-delete ui-btn-icon-left ui-shadow ui-corner-all">Xoá</button>
                    <button class="img_close ui-btn ui-icon-power ui-btn-icon-left ui-shadow ui-corner-all">đóng</button>
                </div>
           </div>
        </div>
        <!--avatar control -->
        <div class="ui-field-contain">
            <label for="name">Hình Đại Diện:</label>
            <input type="hidden" id="hide_id" value="Chọn Hình Đại Diện" placeholder="">
            <input type="button" id="btn_avatar" value="Chọn Hình Đại Diện" placeholder="">
        </div>
        <div data-role="popup" id="popupavaatar" data-theme="none">
            <ul data-role="listview">
                <li><a id="btn_camera" data-rel="dialog">Từ Camera</a></li>
                <li><a id="btn_gellary" data-rel="dialog">Từ Media</a></li>
            </ul>
        </div>
        <form action="user/editprofile" method="post" class="ajax-form" reset="false" object="false" name="edit_profile" enctype="multipart/form-data">
        <!--name -->
        <div class="ui-field-contain">
            <label for="name">Tên: <span>*</span></label>
            <input type="text" name="name" id="name" placeholder="" value="">
        </div>
        <!--email -->
        <div class="ui-field-contain">
            <label for="email">email:</label>
            <input type="email" disabled name="email" id="email"  placeholder="" value="">
            <input type="hidden" name="avatar" id="avatar" value="">
            <input type="hidden" name="id" id="id" value="">
        </div>
        <!--pass -->
        <div class="ui-field-contain">
            <label for="email">Mật Khẩu:</label>
            <input type="password" id="password" name="password" placeholder="">
        </div>
        <div class="ui-field-contain">
            <label for="re_password">Nhập lại Mật Khẩu:</label>
            <input type="password" id="re_password" placeholder="">
        </div>
        <!--address -->
        <div class="ui-field-contain">
            <label for="add">Địa Chỉ:</label>
            <textarea id="add" name="address"></textarea>
        </div>
        <!--phone -->
        <div class="ui-field-contain">
            <label for="email">Điện Thoại: <span>*</span></label>
           <input type="number" name="phone" id="phone" placeholder="">
        </div>
        <!--btn-edit -->
        <div class="ui-field-contain">
            <label for="email">Sửa:</label>
            <button type="submit" id="btn-edit"  class="submit-ajax" placeholder="">Sửa</button>
        </div>
        </form>
    </div>
    <div data-role="popup" id="show_option" data-theme="b" data-overlay-theme="b" class="ui-content" style="max-width:340px; padding-bottom:2em;">
        <h3>Quản Lý Sản Phẩm</h3>
            <a href="" id="view" class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-eye ui-btn-icon-left ui-btn-inline ui-mini">Xem</a>
          <a href="" id="edit"  class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-edit ui-btn-icon-left ui-btn-inline ui-mini">Sửa</a>
           <a href="" id="delete"  class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left ui-btn-inline ui-mini">Xoá</a>
    </div>
</div>

</body>
</html>